<template>
  <div class="check--right1--top">
    <div class="check--right--box">
      <div :class="['check--right--res--title',{small:size == 'small'}]">左 窦部</div>
      <ul class="thyroid--item--cont--box">
        <li>
          <div :class="['thyroid--item--cont', { active: false,small:size == 'small' }]">
            <span>管径(cm):</span>
            <span>--</span>
          </div>
        </li>
        <li>
          <div
            :class="[
              'thyroid--item--cont',
              { active: scanIMTInfo['16'] || scanIMTInfo['20'],small:size == 'small'},

            ]"
          >
            <span>IMT(cm):</span>
            <span>{{ scanIMTInfo["16"] || scanIMTInfo["20"] }}</span>
          </div>
        </li>
        <li>
          <div :class="['thyroid--item--cont', { active: false,small:size == 'small' }]">
            <span>PE/ED(cm/s):</span>
            <span>--</span>
          </div>
        </li>
      </ul>
    </div>
    <div class="check--right--box">
      <div :class="['check--right--res--title',{small:size == 'small'}]">左 ICA</div>
      <ul class="thyroid--item--cont--box">
        <li>
          <div :class="['thyroid--item--cont', { active: false,small:size == 'small' }]">
            <span>管径(cm):</span>
            <span>--</span>
          </div>
        </li>
        <li>
          <div
            :class="[
              'thyroid--item--cont',
              { active: scanIMTInfo['21'] || scanIMTInfo['22'],small:size == 'small' },
            ]"
          >
            <span>IMT(cm):</span>
            <span>{{ scanIMTInfo["12"] || scanIMTInfo["22"] }}</span>
          </div>
        </li>
        <li>
          <div :class="['thyroid--item--cont', { active: psedInfo['1'],small:size == 'small' }]">
            <span>PE/ED(cm/s):</span>
            <span>{{ psedInfo["1"] }}</span>
          </div>
        </li>
      </ul>
    </div>
    <div class="check--right--box">
      <div :class="['check--right--res--title',{small:size == 'small'}]">左 CCA</div>
      <ul class="thyroid--item--cont--box">
        <li>
          <div :class="['thyroid--item--cont', { active: false,small:size == 'small'}]">
            <span>管径(cm):</span>
            <span>--</span>
          </div>
        </li>
        <li>
          <div :class="['thyroid--item--cont', { active: scanIMTInfo['19'],small:size == 'small' }]">
            <span>IMT(cm):</span>
            <span>{{ scanIMTInfo["19"] }}</span>
          </div>
        </li>
        <li>
          <div :class="['thyroid--item--cont', { active: psedInfo['2'],small:size == 'small' }]">
            <span>PE/ED(cm/s):</span>
            <span>{{ psedInfo["2"] }}</span>
          </div>
        </li>
      </ul>
    </div>
    <div class="check--right--box">
      <div :class="['check--right--res--title',{small:size == 'small'}]">右 窦部</div>
      <ul class="thyroid--item--cont--box">
        <li>
          <div :class="['thyroid--item--cont', { active: false,small:size == 'small' }]">
            <span>管径(cm):</span>
            <span>--</span>
          </div>
        </li>
        <li>
          <div
            :class="[
              'thyroid--item--cont',
              { active: scanIMTInfo['30'] || scanIMTInfo['34'],small:size == 'small' },
            ]"
          >
            <span>IMT(cm):</span>
            <span>{{ scanIMTInfo["30"] || scanIMTInfo["34"] }}</span>
          </div>
        </li>
        <li>
          <div :class="['thyroid--item--cont', { active: false,small:size == 'small' }]">
            <span>PE/ED(cm/s):</span>
            <span>--</span>
          </div>
        </li>
      </ul>
    </div>
    <div class="check--right--box">
      <div :class="['check--right--res--title',{small:size == 'small'}]">右 ICA</div>
      <ul class="thyroid--item--cont--box">
        <li>
          <div :class="['thyroid--item--cont', { active: false,small:size == 'small' }]">
            <span>管径(cm):</span>
            <span>--</span>
          </div>
        </li>
        <li>
          <div
            :class="[
              'thyroid--item--cont',
              { active: scanIMTInfo['35'] || scanIMTInfo['36'],small:size == 'small' },
            ]"
          >
            <span>IMT(cm):</span>
            <span>{{ scanIMTInfo["35"] || scanIMTInfo["36"] }}</span>
          </div>
        </li>
        <li>
          <div :class="['thyroid--item--cont', { active: psedInfo['3'],small:size == 'small' }]">
            <span>PE/ED(cm/s):</span>
            <span>{{ psedInfo['3'] }}</span>
          </div>
        </li>
      </ul>
    </div>
    <div class="check--right--box">
      <div :class="['check--right--res--title',{small:size == 'small'}]">右 CCA</div>
      <ul class="thyroid--item--cont--box">
        <li>
          <div :class="['thyroid--item--cont', { active: false,small:size == 'small' }]">
            <span>管径(cm):</span>
            <span>--</span>
          </div>
        </li>
        <li>
          <div
            :class="[
              'thyroid--item--cont',
              { active: scanIMTInfo['33'],small:size == 'small' },
            ]"
          >
            <span>IMT(cm):</span>
            <span>{{ scanIMTInfo["33"] }}</span>
          </div>
        </li>
        <li>
          <div :class="['thyroid--item--cont', { active: psedInfo['4'],small:size == 'small' }]">
            <span>PE/ED(cm/s):</span>
            <span>{{ psedInfo['4'] }}</span>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: "ArteryMeasure",
  props: ["scanIMTInfo", "psedInfo","size"],
};
</script>

<style scoped lang="less">
@import "~@/assets/css/measure.less";
</style>
